<script setup lang="ts"></script>

<template>
  <view>
    <wd-cell title="会员积分自动抵现" title-width="80%" class="rounded-lg" center>
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">
            开启后，会员核销时，POS收银机/点餐助手自动使用会员积分抵现
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between">
          <wd-text text="抵用券默认使用张数" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="最优使用张数" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            可设置POS收银机/点餐助手核销抵用券时的默认使用张数，选择最优使用张数，则订单 ¥51
            默认使用1张50元代金券，订单 ¥99 默认使用2张50元代金券
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between">
          <wd-text text="自动抹零方式" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="仅现金-实款实收" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">设置后，自动将结账金额按照所设置的规则进行抹零</text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between">
          <wd-text text="自动抹零适用渠道" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="除手机点餐外的渠道" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            如设置为除手机点餐外的渠道，则扫描客单、预结单和点餐宝的二维码的结账也不会抹零
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell class="mt-3 rounded-lg" title="显示打印结账单" title-width="70%" center>
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">开启后，结账页可以设置是否打印结账单</text>
        </view>
      </template>
    </wd-cell>
    <wd-cell class="mt-3 rounded-lg" title="结账单默认每次不打印" title-width="70%" center>
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">开启后，桌台/点餐/扫码点餐结账时，结账单默认不打印</text>
        </view>
      </template>
    </wd-cell>
    <wd-cell class="mt-3 rounded-lg" title="仅现金支付支持找零" title-width="70%" center>
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">开启后，仅现金支付金额≥超付金额，才可以找零结账</text>
        </view>
      </template>
    </wd-cell>
    <wd-cell
      class="mt-3 rounded-lg"
      title="直接点餐扫码支付平账后自动结账"
      title-width="80%"
      center
    >
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">
            开启后，使用以下结账方式足额支付后是否自动结账：顾客通过小白盒/扫码枪/副屏扫码支付（注：实付大于应付时，不会自动结账，咱不支持平板点餐，点餐助手需要升级到最高版本）。关闭后，使用以上结账方式足额支付后需手动结账
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between">
          <wd-text text="桌台点餐扫码支付平账后自动结账" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="不自动结账" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[95%]">
          <text class="text-xs text-tips">
            可设置使用以下结账方式足额支付后是否自动结账:顾客通过小白盒/扫码枪/副屏扫码支付;顾客通过预结单/客单维码扫码支付;顾客通过点菜宝二维码扫码支付注:1.实付大于应付时，不会自动结账
            2.暂不支持点餐助手/平板点餐
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell class="mt-3 rounded-lg" title="扫码直接支付" title-width="80%" center>
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-xs text-tips">
            开启后，在结账页面无需点击“扫码支付”按钮，可以直接扫妇科的付款码支付。需开启扫码支付功能
          </text>
        </view>
      </template>
    </wd-cell>
  </view>
</template>

<style scoped lang="scss">
:deep(.wd-cell) {
  line-height: 18px;
}
</style>
